<!DOCTYPE html>
<html ng-app=game ng-controller=GameController>

<head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel=stylesheet type=text/css href="css/bootstrap.min.css">
    <link ng-if=isThemeCustom() rel=stylesheet type=text/css ng-href=css/{{getThemeFile()}}>
    <link rel=stylesheet type=text/css href="css/game.min-v=28.css">
    <script type=text/javascript src="js/angular.min.js"></script>
    <script type=text/javascript src="js/angular-animate.min.js"></script>
    <script type=text/javascript src="js/angular-sanitize.min.js"></script>
    <script type=text/javascript src="js/decimal.min.js"></script>
    <script type=text/javascript src="js/game.min-v=75.js"></script>
    <meta name=application-name content="Idle Bouncer">
    <title>小球放置 - Idle Bouncer</title>
</head>

<body ng-mousedown=gameMouseDown($event) ng-mouseup=gameMouseUp($event) ng-keypress=gameKeyPress($event) ng-keydown=gameKeyDown($event) ng-keyup=gameKeyUp($event)>
    <script ng-if=!isSteamVersion>
        ! function(e, t, a, c, n, o, s) {
            e.GoogleAnalyticsObject = n, e[n] = e[n] || function() {
                (e[n].q = e[n].q || []).push(arguments)
            }, e[n].l = 1 * new Date, o = t.createElement(a), s = t.getElementsByTagName(a)[0], o.async = 1, o.src = c, s.parentNode.insertBefore(o, s)
        }(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga"), ga("create", "UA-185-11", "auto"), ga("require", "ecommerce")

    </script>
    <div id=gamearea>
        <div id=initializing ng-if=!init class=container>初始化...</div>
        <script>
            setTimeout(function() {
                var e = document.getElementById("initializing");
                e && (e.innerHTML = '好像出现了什么错误？<br/>可能是网络太慢了，请刷新重试。<br/>或者是你使用了一个 <strong>过时</strong> 的浏览器，我们建议您使用Chrome浏览器进行游戏。请访问 <a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a> 改善您的体验。')
            }, 1e4)

        </script>
        <div class="container-fluid ng-hide" ng-show=init ng-cloak>
            <div class=row>
                <div id=gamearea-left>
                    <div class="panel panel-default" ng-class=getBgClass()>
                        <div class="panel-body field-panel panel-no-top-padding">
                            <div class=img-wrap>
                                <canvas id=canvas-bottom class=img-wrapped></canvas>
                                <div class=spikes ng-class="{'spikes-off':hideSpikes()}"></div>
                                <table class="table table-condensed table-no-lines table-no-bottom-margin">
                                    <tr>
                                        <td width=1%><span class="glyphicon glyphicon-flash"></span></td>
                                        <td>
                                            <uibm-progressbar value=energyDC() max=energyMaxDC()>{{energyDC() | bignum:2}} / {{energyMaxDC() | bignum:2}} ({{energyPercent()}}%) <small>+{{getEnergyPerSecondDC() | bignum:1:1}}/秒</small></uibm-progressbar>
                                        </td>
                                    </tr>
                                </table>
                                <div class=small ng-controller="IdleEnergyController as ieCtr">
                                    <div class=row ng-if=ieCtr.isIdleEnergyAvailable()>
                                        <div class=col-xs-4><span class=animate-fade ng-show=ieCtr.showIdleTimer() ng-bind-html=ieCtr.getIdleTimerHtml()></span></div>
                                        <div class=col-xs-8><span class=animate-fade ng-show=ieCtr.showIdleEnergy() ng-bind-html=ieCtr.getIdleEnergyHtml()></span></div>
                                    </div>
                                </div>
                                <canvas id=canvas ng-mousedown=doClickCanvas($event) class=img-wrapped></canvas>
                            </div>
                            <div>
                                <div class=row>
                                    <div class="col-xs-4 small">管道信息:&nbsp;
                                        <div class="btn-group btn-group-xs" role=group>
                                            <button type=button class="btn btn-default" ng-class="{active:getTubeInfoType()=='percent'}" ng-click="setTubeInfoType('percent')">%</button>
                                            <button type=button class="btn btn-default" ng-class="{active:getTubeInfoType()=='epersec'}" ng-click="setTubeInfoType('epersec')"><span class="glyphicon glyphicon-flash"></span>/秒</button>
                                        </div>
                                    </div>
                                    <div class="col-xs-4 small text-center">
                                        <button ng-if=isNewVersion() type=button class="btn btn-danger btn-xs new-version-alert-button" ng-click=reloadGame()>新版本可用</button>
                                        <button ng-if=isBoostDailyGenerated() type=button class="btn btn-warning btn-xs" ng-click=showBoostDailyDlg()>新的日常奖励</button>
                                    </div>
                                    <div class="col-xs-4 text-right small">比例: &times;{{visualScale() | number:3}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id=gamearea-right>
                    <section ng-controller="TabsController as tab">
                        <ul class="nav nav-tabs">
                            <li role=presentation ng-class="{active:tab.isSelected('Main')}">
                                <a href="index.html#" ng-click="tab.select('Main')" m-prevent-default title=Upgrades><img ng-src=imgs/{{getThemeImgDir()}}/upgrades.svg class=tab-img><span class=tab-name>升级</span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Reset')}">
                                <a href="index.html#" ng-click="tab.select('Reset')" m-prevent-default title=Meta-energy><img ng-src=imgs/{{getThemeImgDir()}}/reset.svg class=tab-img><span class=tab-name>元能量</span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Achievements')}">
                                <a href="index.html#" ng-click="tab.select('Achievements')" m-prevent-default title=Achievements><img ng-src=imgs/{{getThemeImgDir()}}/achievements.svg class=tab-img><span class=tab-name>成就</span><span class="glyphicon glyphicon-info-sign" ng-show=isNewAchievementAvailable()></span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Stats')}">
                                <a href="index.html#" ng-click="tab.select('Stats')" m-prevent-default title=Statistics><img ng-src=imgs/{{getThemeImgDir()}}/statistics.svg class=tab-img><span class=tab-name>统计</span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Events')}">
                                <a href="index.html#" ng-click="tab.select('Events')" m-prevent-default title=Events><img ng-src=imgs/{{getThemeImgDir()}}/boosts.svg class=tab-img><span class=tab-name>&nbsp;活动</span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Settings')}">
                                <a href="index.html#" ng-click="tab.select('Settings')" m-prevent-default title=Settings><img ng-src=imgs/{{getThemeImgDir()}}/settings.svg class=tab-img><span class=tab-name>设置</span></a>
                            </li>
                            <li role=presentation ng-class="{active:tab.isSelected('Premium')}">
                                <a href="index.html#" ng-click="tab.select('Premium')" m-prevent-default title=Shop><img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=tab-img><span class=tab-name>商店</span></a>
                            </li>
                        </ul>
                        <div class="tab-content scroll-section" ng-if="tab.isSelected('Main')" ng-controller="UpgradeController as upgCtr">
                            <div class=content-block ng-controller="BuyAmountController as buyAmount"><small><span ng-if=!buyAmount.isBuyAmountStepPosRight()><b>次数</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div>&nbsp; </span><b>购买数量</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountRelList" ng-class="{active:buyAmount.getBuyAmountObject().rel==item.value}" ng-click=buyAmount.setBuyAmountValueRel(item.value) title={{buyAmount.getBuyAmountRelHotKey(itemId)}}>{{item.text}}</button></div><span ng-if=buyAmount.isBuyAmountStepPosRight()>&nbsp;<b>Step</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div></span>&nbsp;<a href="index.html#" ng-mouseenter=buyAmount.setHintVisible(true) ng-mouseleave=buyAmount.setHintVisible(false) m-prevent-default><span class="glyphicon glyphicon-question-sign"></span></a></small>
                                <div class="popover bottom animate-fade" role=tooltip style=top:80px;left:700px;display:block ng-show=buyAmount.isHintVisible()>
                                    <div class=arrow style=bottom:50%;left:87%></div>
                                    <h3 class=popover-title>购买数量热键</h3>
                                    <div class=popover-content>
                                        <p>你可以使用热键 1-0 和 "-" 去改变购买数量和次数</p>
                                        <p>你可以在设置里面，切换 "购买数量" 以及 "次数" 的位置</p>
                                    </div>
                                </div>
                            </div>
                            <section ng-controller="TabsUpgradeController as tabUpg">
                                <ul class="nav nav-tabs">
                                    <li role=presentation ng-class="{active:tabUpg.isSelected('Main')}"><a href="index.html#" ng-click="tabUpg.select('Main')" m-prevent-default title=Energy><sup>[q,a]</sup> <img ng-src=imgs/{{getThemeImgDir()}}/upgrade_energy.svg class=tab-img-small><span class=tab-name>&nbsp;能量</span> <span ng-if=upgCtr.showUpgradeCntInTab() class=badge>{{upgCtr.getEnergyUpsAvail()}}</span></a></li>
                                    <li role=presentation ng-class="{active:tabUpg.isSelected('BallBounce')}"><a href="index.html#" ng-click="tabUpg.select('BallBounce')" m-prevent-default title=Bounce><sup>[w,z]</sup> <img ng-src=imgs/{{getThemeImgDir()}}/upgrade_bounce.svg class=tab-img-small><span class=tab-name>&nbsp;弹性</span> <span ng-if=upgCtr.showUpgradeCntInTab() class=badge>{{upgCtr.getBounceUpsAvail()}}</span></a></li>
                                    <li role=presentation ng-class="{active:tabUpg.isSelected('BallSize')}"><a href="index.html#" ng-click="tabUpg.select('BallSize')" m-prevent-default title="Ball size"><sup>[e]</sup> <img ng-src=imgs/{{getThemeImgDir()}}/upgrade_ball_size.svg class=tab-img-small><span class=tab-name>&nbsp;小球尺寸</span> <span ng-if=upgCtr.showUpgradeCntInTab() class=badge>{{upgCtr.getBallSizeUpsAvail()}}</span></a></li>
                                    <li role=presentation ng-class="{active:tabUpg.isSelected('TubeHeight')}"><a href="index.html#" ng-click="tabUpg.select('TubeHeight')" m-prevent-default title="Tube height"><sup>[r]</sup> <img ng-src=imgs/{{getThemeImgDir()}}/upgrade_tube_height.svg class=tab-img-small><span class=tab-name>&nbsp;管道高度</span> <span ng-if=upgCtr.showUpgradeCntInTab() class=badge>{{upgCtr.getTubeHeightUpsAvail()}}</span></a></li>
                                    <li ng-if=upgCtr.isAbilitiesTabVisible() role=presentation ng-class="{active:tabUpg.isSelected('Abilities')}"><a href="index.html#" ng-click="tabUpg.select('Abilities')" m-prevent-default title=Abilities><sup>[t]</sup> <img ng-src=imgs/{{getThemeImgDir()}}/upgrade_abilities.svg class=tab-img-small><span class=tab-name>&nbsp;天赋</span></a></li>
                                </ul>
                                <div class=tab-content ng-if="tabUpg.isSelected('Main')">
                                    <table class="table table-condensed table-hover table-td-valign">
                                        <tr>
                                            <th width=20%>名称</th>
                                            <th width=25% class=text-center>等级</th>
                                            <th width=30% class=text-center>数值</th>
                                            <th width=25% class=text-center>升级</th>
                                        </tr>
                                        <tr>
                                            <td>容量<span class="glyphicon glyphicon-flash"></span></td>
                                            <td></td>
                                            <td class=text-center>{{energyMaxDC() | bignum:0:1}}
                                                <br><small>+{{upgCtr.capacityUpgradeIncDC() | bignum:0:1}}</small></td>
                                            <td class=text-center>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!upgCtr.canUpgradeCapacity() ng-click=upgCtr.upgradeCapacity()><span class="glyphicon glyphicon-flash"></span>{{upgCtr.getUpgradeCapacityPriceDC() | bignum:2}}</button> <small>使用 <span class="glyphicon glyphicon-flash"></span> 的百分比:</small>
                                                <div class="btn-group btn-group-xs btn-group-justified" role=group ng-controller="BuyAmountController as buyAmount">
                                                    <div class="btn-group btn-group-xs" role=group ng-repeat="buyItem in buyAmount.buyAmountRelList" ng-if="buyItem.value>0">
                                                        <button type=button class="btn btn-primary" ng-disabled=!upgCtr.canUpgradeCapacityAmount(buyItem.value) ng-click=upgCtr.upgradeCapacityAmount(buyItem.value)>{{buyItem.text}}</button>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr ng-repeat-start="tube in tubes() track by $index" ng-if="!tube.active && tubes()[$index-1].active">
                                            <td colspan=4>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!upgCtr.canBuyTube($index) ng-click=upgCtr.buyTube($index)>购买管道 {{$index + 1}} 并花费 <span class="glyphicon glyphicon-flash"></span>{{upgCtr.getTubeBuyPriceDC($index) | bignum:2}}</button>
                                            </td>
                                        </tr>
                                        <tr ng-repeat-end ng-if=tube.active ng-style=upgCtr.getUpgradeColorStyle($index)>
                                            <td class=upgrade-cell>放大器 {{$index+1}}<sup ng-if="tube.improvementLevel > 0">{{tube.improvementLevel + 1}}</sup>
                                                <button ng-show=upgCtr.isTubeImproveButtonVisible($index) type=button class="btn btn-success btn-xs btn-block animate-fade" ng-disabled=!upgCtr.canImproveTube($index) ng-click=upgCtr.improveTube($index) ng-bind-html=upgCtr.getImproveText($index) title="Improvement price: {{upgCtr.getTubeImprovePriceDC($index) | bignum}}"></button>
                                            </td>
                                            <td class=text-center>{{upgCtr.getTubeAmplifierLevel($index)}}<small> +{{upgCtr.getTubeAmplifierLevelUpgradeInc($index)}}</small>
                                                <br>
                                                <uibm-progressbar value=upgCtr.getTubeAmplifierLevelsFromPrevSuperUpgrade($index) max=upgCtr.getTubeAmplifierLevelSuperUpgradeStep()>&times;{{upgCtr.getTubeAmplifierNextSuperMult($index) | bignum:0:0}}</uibm-progressbar>
                                            </td>
                                            <td class=text-center><span ng-bind-html=upgCtr.getAmplifierPrefix()></span>{{upgCtr.getTubeAmplifierValue($index) | bignum:(upgCtr.isShowAmplifierValueAsMult() ? 0 : 2):1}}
                                                <br><small>+<span ng-if=!upgCtr.isShowAmplifierValueAsMult()><span class="glyphicon glyphicon-flash"></span></span>{{upgCtr.getTubeAmplifierIncDC($index) | bignum:(upgCtr.isShowAmplifierValueAsMult() ? 0 : 2):1}}</small></td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!upgCtr.isTubeAmplifierUpgradeable($index) ng-click=upgCtr.upgradeTubeAmplifier($index)><span class="glyphicon glyphicon-flash"></span>{{upgCtr.getTubeAmplifierUpgradePriceDC($index) | bignum:2}}</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan=4 class=text-center><i>将放大器的数值显示为</i>&nbsp;
                                                <div class="btn-group btn-group-xs" role=group>
                                                    <button type=button class="btn btn-default" ng-class={active:upgCtr.isShowAmplifierValueAsMult()} ng-click=upgCtr.setShowAmplifierValueAsMult(true)>倍率</button>
                                                    <button type=button class="btn btn-default" ng-class={active:!upgCtr.isShowAmplifierValueAsMult()} ng-click=upgCtr.setShowAmplifierValueAsMult(false)>能量</button>
                                                </div>
                                                <br><small><i>使用</i> <span class=text-primary>[Shift]</span>+<span class=text-primary>[1]</span> - <span class=text-primary>[Shift]</span>+<span class=text-primary>[6]</span> <i>购买相应的升级,</i> <span class=text-primary>[`]</span> <i>达到最大升级天赋。</i></small>
                                                <br><small class=animate-fade ng-show=upgCtr.isAbilitiesTabVisible()><span class=text-primary>[Shift]</span>+<span class=text-success>改善</span> = <span class=text-warning>复原</span> <i>(在最后一次改进之前将管恢复到先前的状态).</i></small></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class=tab-content ng-if="tabUpg.isSelected('BallBounce')">
                                    <table class="table table-condensed table-hover table-td-valign">
                                        <tr>
                                            <th width=20%>名称</th>
                                            <th width=55% class=text-center>小球反弹率</th>
                                            <th width=25% class=text-center>升级</th>
                                        </tr>
                                        <tr ng-repeat="ball in balls() track by $index" ng-if=ball.active ng-style=upgCtr.getUpgradeColorStyle($index)>
                                            <td class=upgrade-cell>小球 {{$index+1}}</td>
                                            <td class=text-center>{{upgCtr.getBallBounceCnt($index) | bignum:0:3}} <small>+{{upgCtr.getBallBounceUpgradeInc($index) | bignum:0:3}}</small>
                                                <br><small><i>预计时间: {{upgCtr.getBallBounceTime($index)}}</i></small></td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!upgCtr.isBallBounceUpgradeable($index) ng-click=upgCtr.upgradeBallBounce($index)><span class="glyphicon glyphicon-flash"></span>{{upgCtr.getBallBounceUpgradePriceDC($index) | bignum:2}}</button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class=tab-content ng-if="tabUpg.isSelected('BallSize')">
                                    <table class="table table-condensed table-hover table-td-valign">
                                        <tr>
                                            <th width=20%>名称</th>
                                            <th width=55% class=text-center>小球尺寸 (半径)</th>
                                            <th width=25% class=text-center>升级</th>
                                        </tr>
                                        <tr ng-repeat="ball in balls() track by $index" ng-if=ball.active ng-style=upgCtr.getUpgradeColorStyle($index)>
                                            <td class=upgrade-cell>小球 {{$index+1}}</td>
                                            <td class=text-center>{{ball.r}} <small ng-if=!upgCtr.isBallSizeMax($index)>+{{upgCtr.getBallSizeUpgradeInc($index)}}</small> (最大<span ng-if=!upgCtr.isBallSizeMax($index)> {{upgCtr.getBallSizeMax($index)}}</span>)</td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-if=!upgCtr.isBallSizeMax($index) ng-disabled=!upgCtr.isBallSizeUpgradeable($index) ng-click=upgCtr.upgradeBallSize($index)><span class="glyphicon glyphicon-flash"></span>{{upgCtr.getBallSizeUpgradePriceDC($index) | bignum:2}}</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan=3><i>提示: 增加半径 &times;2 => 增加能量 &times;8</i></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class=tab-content ng-if="tabUpg.isSelected('TubeHeight')">
                                    <table class="table table-condensed table-hover table-td-valign">
                                        <tr>
                                            <th width=20%>名称</th>
                                            <th width=55% class=text-center>管道高度</th>
                                            <th width=25% class=text-center>升级</th>
                                        </tr>
                                        <tr ng-repeat="tube in tubes() track by $index" ng-if=tube.active ng-style=upgCtr.getUpgradeColorStyle($index)>
                                            <td class=upgrade-cell>管道 {{$index+1}}</td>
                                            <td class=text-center>{{tube.height}} <small ng-if=!upgCtr.isTubeHeightMax($index)>+{{upgCtr.getTubeHeightUpgradeInc($index)}}</small> (最大<span ng-if=!upgCtr.isTubeHeightMax($index)> {{upgCtr.getTubeHeightMax()}}</span>)</td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-if=!upgCtr.isTubeHeightMax($index) ng-disabled=!upgCtr.isTubeHeightUpgradeable($index) ng-click=upgCtr.upgradeTubeHeight($index)><span class="glyphicon glyphicon-flash"></span>{{upgCtr.getTubeHeightUpgradePriceDC($index) | bignum:2}}</button>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan=3><i>提示: 增加高度 &times;2 => 增加能量 &times;2</i></td>
                                        </tr>
                                    </table>
                                </div>
                                <div class=tab-content ng-if="upgCtr.isAbilitiesTabVisible() && tabUpg.isSelected('Abilities')">
                                    <table class="table table-condensed table-hover table-td-valign" ng-controller="AbilitiesController as abilCtr">
                                        <tr>
                                            <th width=15%>名称</th>
                                            <th width=20% class=text-center>天赋</th>
                                            <th width=15% class=text-center>点数</th>
                                            <th width=35% class=text-center>跌落高度</th>
                                            <th width=15% class=text-center>改变</th>
                                        </tr>
                                        <tr ng-repeat="ability in abilities() track by $index" ng-if=tubes()[$index].active ng-style=upgCtr.getUpgradeColorStyle($index)>
                                            <td class=upgrade-cell>管道 {{$index+1}}</td>
                                            <td class=text-center ng-bind=abilCtr.getActiveAbilityName($index)></td>
                                            <td class=text-center ng-bind=abilCtr.getAbilityPoints($index)></td>
                                            <td class=text-center><span ng-if=abilCtr.isAnyAbilityActive($index)><uibm-progressbar type=no-transition value=abilCtr.getTotalDropHeightDC($index) max=abilCtr.getActiveAbilityHeightMaxDC($index)>{{abilCtr.getTotalDropHeightDC($index) | bignum:0:2}} / {{abilCtr.getActiveAbilityHeightMaxDC($index) | bignum:0:2}}</uibm-progressbar><small><i>预计时间: <span ng-if=abilCtr.getActiveAbilityEstTime($index)>{{abilCtr.getActiveAbilityEstTimeStr($index)}}</span><span ng-if=!abilCtr.getActiveAbilityEstTime($index)>无限</span></i>
                                                </small>
                                                </span>
                                            </td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-sm btn-block" ng-click=abilCtr.showTubeAbilityDlg($index)>改变...</button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </section>
                        </div>
                        <div class=tab-content ng-if="tab.isSelected('Reset')" ng-controller="ResetController as rstCtr">
                            <div class=content-block ng-controller="BuyAmountController as buyAmount"><small><span ng-if=!buyAmount.isBuyAmountStepPosRight()><b>Step</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div>&nbsp; </span><b>购买数量</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountRelList" ng-class="{active:buyAmount.getBuyAmountObject().rel==item.value}" ng-click=buyAmount.setBuyAmountValueRel(item.value) title={{buyAmount.getBuyAmountRelHotKey(itemId)}}>{{item.text}}</button></div><span ng-if=buyAmount.isBuyAmountStepPosRight()>&nbsp;<b>Step</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div></span></small></div>
                            <center>
                                <button type=button class="btn btn-info" ng-disabled=!rstCtr.canProcessReset() ng-click=rstCtr.showResetSystemDialog()>启用 <b>{{getInactiveMetaEnergy() | bignum:2}}</b> 元能量</button>
                                <div><span ng-if="rstCtr.getResetCnt() == 0"><span class=num>15</span>-<span class=num>20</span> 元能量被推荐用于第一次元能激活。
                                    <br>
                                    </span><span ng-show=rstCtr.isShowEnergyRemain() class=animate-fade>再多生产 <span class="glyphicon glyphicon-flash"></span>{{rstCtr.getEnergyToStartAccumulateMetaDC() | bignum}} 来解锁元能量。</span>
                                    <br>你拥有 <span class=num><b>{{rstCtr.getActive() | bignum:2}}</b></span> 元能量<span ng-if="rstCtr.getActive()>0">, 现在你可以用它来改变世界了!<br>元能量增加 <span class=num>+{{rstCtr.getTotalBonusMultPerc() | bignum:2}}%</span> 去收集能量。</span>
                                    <br><small><i class=animate-fade ng-show=rstCtr.isAnyResetUpgradeBought()>你可以在商店里使用 <b>元能量退款</b>来重置所有的元升级.</i>&nbsp;</small></div>
                            </center>
                            <div class=scroll-section-reset>
                                <table class="table table-condensed table-hover table-td-valign table-no-bottom-margin">
                                    <tr>
                                        <th width=45%>名称</th>
                                        <th width=30% class=text-center>值</th>
                                        <th width=25% class=text-center>购买</th>
                                    </tr>
                                    <tr>
                                        <td>自动容量扩展器
                                            <br><small><i>在能量达到容量上限时，自动扩充容量</i></small></td>
                                        <td class=text-center><span class=animate-fade ng-show="rstCtr.getResetEnergyExtLevel() > 0">{{rstCtr.getEnergyExtCapacityMult() | bignum:2}}%<br><small>+{{rstCtr.getResetEnergyExtUpgradeInc() | bignum:2}}%</small><br><small><i>手动升级</i></small></span></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetEnergyExtUpgradeable() ng-click=rstCtr.upgradeResetEnergyExt()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetEnergyExtUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>弹力</td>
                                        <td class=text-center>&times;{{rstCtr.getBounceMult() | bignum}}
                                            <br><small>+{{rstCtr.getResetBounceUpgradeInc() | bignum}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetBounceUpgradeable() ng-click=rstCtr.upgradeResetBounce()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetBounceUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>密度
                                            <br><small><i>密度 &times;2 => 能量 &times;2</i></small></td>
                                        <td class=text-center>&times;{{rstCtr.getDensityMult() | bignum}}
                                            <br><small>+{{rstCtr.getResetDensityUpgradeInc() | bignum}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetDensityUpgradeable() ng-click=rstCtr.upgradeResetDensity()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetDensityUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>重力
                                            <br><small><i>重力 &times;2 => 能量 &times;2 & 速度 &times;1.4</i></small></td>
                                        <td class=text-center>&times;{{rstCtr.getGravityMult() | bignum:2}}
                                            <br><small>+{{rstCtr.getResetGravityUpgradeInc() | bignum:2}}%</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetGravityUpgradeable() ng-click=rstCtr.upgradeResetGravity()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetGravityUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>泡泡出现概率</td>
                                        <td class=text-center>{{rstCtr.getBubbleProb() | bignum:2}}%
                                            <br><small>+{{rstCtr.getResetBubbleProbUpgradeInc() | bignum:2}}%</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetBubbleProbUpgradeable() ng-click=rstCtr.upgradeResetBubbleProb()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetBubbleProbUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>泡泡初始容量</td>
                                        <td class=text-center>&times;{{rstCtr.getBubbleCapMult() | bignum:2}}
                                            <br><small>+{{rstCtr.getResetBubbleCapUpgradeInc() | bignum:2}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetBubbleCapUpgradeable() ng-click=rstCtr.upgradeResetBubbleCap()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetBubbleCapUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr class=animate-fade ng-hide=rstCtr.isResetRemoveSpikesBought()>
                                        <td colspan=2>移除能量条上方的尖刺 <span class=spikes>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 
                                            <br><small><i>气泡持续时间会变长 ~1 秒</i></small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetRemoveSpikeUpgradeable() ng-click=rstCtr.upgradeResetRemoveSpikes()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetRemoveSpikesPrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>放置奖励倍数 <a href="index.html#" ng-click=showIdleModeHelp() m-prevent-default><span class="glyphicon glyphicon-question-sign"></span></a>
                                            <br><small><i>每小时增长放置能量</i></small></td>
                                        <td class=text-center>&times;{{rstCtr.getIdleMult() | bignum:2}}
                                            <br><small>+{{rstCtr.getResetIdleMultUpgradeInc() | bignum:2}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetIdleMultUpgradeable() ng-click=rstCtr.upgradeResetIdleMult()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetIdleMultUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>放置倍数最大时间
                                            <br><small><i>放置倍数在这段时间内会增长</i></small></td>
                                        <td class=text-center>{{rstCtr.getIdleMultTime() | bignum}} 小时
                                            <br><small>+{{rstCtr.getResetIdleMultTimeUpgradeInc() | bignum}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetIdleMultTimeUpgradeable() ng-click=rstCtr.upgradeResetIdleMultTime()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetIdleMultTimeUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>能量发生器<span ng-if=rstCtr.isResetEnergyGeneratorAvailable()> {{rstCtr.getResetEnergyGeneratorLevel()}} <small>+{{rstCtr.getResetEnergyGeneratorLevelUpgradeInc()}}</small> [{{rstCtr.getResetEnergyGeneratorLevelMax()}}]</span>
                                            <br><small><i ng-if=!rstCtr.isResetEnergyGeneratorAvailable()>把任何一根管子提高到N<sup>{{rstCtr.getResetEnergyGeneratorNextTubeImproveLevel()}}</sup> 去购买</i> <i ng-if=rstCtr.isResetEnergyGeneratorAvailable()>下一个最大等级增加：任一管道N<sup>{{rstCtr.getResetEnergyGeneratorNextTubeImproveLevel()}}</sup></i></small></td>
                                        <td class=text-center><span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetEnergyGeneratorValueDC() | bignum:0:1}}/秒
                                            <br><small>{{rstCtr.getResetEnergyGeneratorVisualValueAfterUpgradeDC() | bignum:0:1}}</small></td>
                                        <td>
                                            <button type=button class="btn btn-primary btn-sm btn-block" ng-disabled=!rstCtr.isResetEnergyGeneratorUpgradeable() ng-click=rstCtr.upgradeResetEnergyGenerator()>元能<span class="glyphicon glyphicon-flash"></span>{{rstCtr.getResetEnergyGeneratorUpgradePrice() | bignum:2}}</button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="tab-content scroll-section" ng-if="tab.isSelected('Achievements')" ng-controller="AchievementsController as achCtr">
                            <div ng-repeat="item in achCtr.achievementList" class="list-group list-group-small-gap">
                                <div class="list-group-item list-group-item-warning">
                                    <h4 class=list-group-item-heading>{{item.name}} {{achCtr.achievementsLevel()[$index] | bignum}}<span ng-if=item.levelMax> / {{item.levelMax}}</span></h4>
                                    <p class=list-group-item-text ng-bind-html=item.descr></p>
                                    <p class=list-group-item-text ng-if="!item.hideMult && achCtr.achievementsMult()[$index]"><i>当前倍率: &times;{{achCtr.achievementsMult()[$index] | bignum:item.multDecDigits}}</i></p>
                                    <uibm-progressbar ng-if=!achCtr.isAchievementLevelCap($index) value=achCtr.achievementStatsDC()[$index] max=achCtr.getAchievementReq($index)>{{achCtr.achievementStatsDC()[$index] | bignum}} / {{achCtr.getAchievementReq($index) | bignum}}</uibm-progressbar>
                                    <p ng-if=achCtr.isAchievementLevelCap($index) class="list-group-item-text achievement-max">最大</p>
                                </div>
                            </div>
                            <center><i>每达成一个新成就会给你 <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>1</i></center>
                        </div>
                        <div class="tab-content scroll-section" ng-if="tab.isSelected('Stats')" ng-controller="StatisticsController as statsCtr">
                            <div class="panel panel-default">
                                <div class=panel-heading>统计</div>
                                <div class=panel-body><span ng-repeat="(key, item) in statsCtr.statisticsList()"><b>{{item.name}}</b>: <span ng-if="key!='time'">{{statsCtr.statistics()[key] | bignum:item.bigNumLoDigits}}</span><span ng-if="key=='time'">{{statsCtr.getActiveTime()}}</span><span ng-if=item.showRank> (score: {{statsCtr.getBigValueDCRank(statsCtr.statistics()[key]) | number:0}})</span>
                                    <br>
                                    </span><span><b>本轮游戏持续天数</b>: {{statsCtr.getDaysPlayedInRow()}}</span></div>
                            </div>
                            <div class="panel panel-default">
                                <div class=panel-heading>总倍数</div>
                                <div class=panel-body><b>能量</b>: &times;{{statsCtr.getTotalEnergyMult() | bignum:2}}
                                    <br><b>重力</b>: &times;{{statsCtr.getTotalGravityMult() | bignum:2}}
                                    <br><b>弹力</b>: &times;{{statsCtr.getTotalBounceMult() | bignum}}
                                    <br><b>放置奖励倍数</b>: &times;{{statsCtr.getIdleEnergyMultTotal() | bignum:2}} / 小时
                                    <br><b>放置倍数最大时间</b>: {{statsCtr.getIdleEnergyMultTimeTotal() | bignum}} 小时
                                    <br><span ng-if="statsCtr.getIdleEnergyMultTotal() > 0"><b>最大放置加成倍率</b>: x{{statsCtr.getIdleEnergyMultMaxDC() | bignum:2}}<br></span><span ng-if=statsCtr.isBoostDailyActive()><b>日常奖励</b>: {{statsCtr.getBoostDailyType()}} +{{statsCtr.getBoostDailyTotalValue() | number:1}}% 持续时间 {{statsCtr.getBoostDailyDuration()}}</span></div>
                            </div>
                        </div>
                        <div class=tab-content ng-if="tab.isSelected('Events')" ng-controller="EventsController as evCtr">
                            <div class="panel panel-info">
                                <div class="panel-heading premium-info-panel">
                                    <div class=row>
                                        <div class="col-xs-3 small">
                                            <table class="table premium-info-table table-no-lines table-no-bottom-margin">
                                                <tr>
                                                    <td width=1%>重力:</td>
                                                    <td>+{{evCtr.eventsGravityPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td>弹力:</td>
                                                    <td>+{{evCtr.eventsBouncePerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td>能量:</td>
                                                    <td>+{{evCtr.eventsEnergyPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>放置奖励:</td>
                                                    <td>+{{evCtr.eventsIdleMultPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>放置时间:</td>
                                                    <td>+{{evCtr.eventsIdleMultTimePerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>元奖励:</td>
                                                    <td>+{{evCtr.eventsMetaBonusIncPerc()}}%</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class=col-xs-9>
                                            <div ng-if=evCtr.isEventActive() class=text-center>
                                                <button class="btn btn-info btn-lg" ng-click=evCtr.eventOpen()>开始 {{evCtr.getEventTitle()}}</button>
                                                <br><small>活动结束时间还有 {{evCtr.getEventTime()}}</small>
                                                <br><small><i>在活动期间收集特殊物品以获得永久的提升。</i></small></div>
                                            <p ng-if=!evCtr.isEventActive() class=text-center>
                                                <br>现在没有没有活动事件哦
                                                <br>过一会儿再来吧。</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body text-center scroll-events-list">
                                    <table class="table table-td-valign table-no-bottom-margin" ng-repeat="(eventListId, eventItem) in evCtr.eventList" ng-if=evCtr.isAnyEventItem(eventItem.code)>
                                        <tr ng-click=evCtr.toggleEventItems(eventListId)>
                                            <td>
                                                <table class="table-hover table-td-valign table-no-bottom-margin">
                                                    <td width=3% ng-bind=evCtr.getToggleButtonText(eventListId)></td>
                                                    <td width=1%>
                                                        <div class="event-img-wrap pull-left"><img ng-repeat="(key, item) in evCtr.eventItemList" ng-src={{item.img}} class=event-img ng-style="{'z-index':100-key}" ng-if="evCtr.isEventItemActive(key) && eventItem.code==item.eventCode"></div>
                                                    </td>
                                                    <td><b>{{eventItem.title}}</b></td>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td ng-show=evCtr.eventItemsExpanded[eventListId] class=animate-slide>
                                                <table class="table table-hover table-td-valign table-no-bottom-margin">
                                                    <tr ng-repeat="(key, item) in evCtr.eventItemList" ng-if="evCtr.isEventItemActive(key) && eventItem.code==item.eventCode">
                                                        <td><img ng-src={{item.imgIcon}} class=event-item-img></td>
                                                        <td class=text-left><b>{{item.title}}</b></td>
                                                        <td class="small text-left" ng-bind-html=item.desc></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-content scroll-section" ng-if="tab.isSelected('Settings')" ng-controller="SettingsController as setsCtr">
                            <div class=content-block><b>数据格式</b>:&nbsp;
                                <div class="btn-group btn-group-xs" role=group>
                                    <button type=button class="btn btn-default" ng-class="{active:setsCtr.getNumNotation()=='suffix'}" ng-click="setsCtr.setNumNotation('suffix')">标准</button>
                                    <button type=button class="btn btn-default" ng-class="{active:setsCtr.getNumNotation()=='sci'}" ng-click="setsCtr.setNumNotation('sci')">科学</button>
                                    <button type=button class="btn btn-default" ng-class="{active:setsCtr.getNumNotation()=='engineering'}" ng-click="setsCtr.setNumNotation('engineering')">工程</button>
                                </div>
                            </div>例如: {{1e11+1 | bignum}}
                            <hr class=settings-div>
                            <div class=content-block>
                                <table class="table table-condensed table-no-lines table-td-valign table-no-bottom-margin">
                                    <td width=30%>
                                        <div class=checkbox>
                                            <label>
                                                <input type=checkbox ng-model=setsCtr.sfxEnabled ng-init=setsCtr.getSfxEnabled() ng-change=setsCtr.setSfxEnabled()> 声音效果</label>
                                        </div>
                                    </td>
                                    <td valign=center>
                                        <input type=range min=0 max=100 ng-model=setsCtr.sfxVolume ng-init=setsCtr.getSfxVolume() ng-change=setsCtr.setSfxVolume()>
                                    </td>
                                </table>
                                <table class="table table-condensed table-no-lines table-td-valign table-no-bottom-margin">
                                    <td width=30%>
                                        <div class=checkbox>
                                            <label>
                                                <input type=checkbox ng-model=setsCtr.musicEnabled ng-init=setsCtr.getMusicEnabled() ng-change=setsCtr.setMusicEnabled()> 音乐</label>
                                        </div>
                                    </td>
                                    <td valign=center>
                                        <input type=range min=0 max=100 ng-model=setsCtr.musicVolume ng-init=setsCtr.getMusicVolume() ng-change=setsCtr.setMusicVolume()>
                                    </td>
                                </table>
                                <div class=checkbox ng-if=isSteamVersion>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.fullscreen ng-init=setsCtr.getFullScreen() ng-change=setsCtr.setFullScreen()> 全屏</label>
                                </div>
                                <div class=checkbox ng-if=isSteamVersion>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.keepWindowSize ng-init=setsCtr.getKeepWindowSize() ng-change=setsCtr.setKeepWindowSize()> 重新启动后保持窗口大小</label>
                                </div>
                                <div class=checkbox>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.showBounceEnergy ng-init=setsCtr.getShowBounceEnergy() ng-change=setsCtr.setShowBounceEnergy()> 在每次弹跳时显示能量值</label>
                                </div>
                                <div class=checkbox>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.coloredUpgrades ng-init=setsCtr.getColoredUpgrades() ng-change=setsCtr.setColoredUpgrades()> 高亮显示可升级项</label>
                                </div>
                                <div class=checkbox>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.showUpgradeCntInTab ng-init=setsCtr.getShowUpgradeCntInTab() ng-change=setsCtr.setShowUpgradeCntInTab()> 在选项卡中显示可用升级的数量</label>
                                </div>
                                <div class=checkbox>
                                    <label>
                                        <input type=checkbox ng-model=setsCtr.showAbilityEffects ng-init=setsCtr.getShowAbilityEffects() ng-change=setsCtr.setShowAbilityEffects()> 显示天赋效果</label>
                                </div>
                            </div>
                            <div class=content-block ng-if=setsCtr.showBallStyles()><b>改善球的风格</b>:&nbsp;
                                <div class="btn-group btn-group-xs" role=group>
                                    <button ng-repeat="(key, item) in setsCtr.ballStyleList" ng-if="item.type=='vector'" type=button class="btn btn-default" ng-class="{active:setsCtr.getBallStyle()==key}" ng-click=setsCtr.setBallStyle(key)>{{item.name}}</button>
                                </div>&nbsp;
                                <div class="btn-group btn-group-xs" role=group>
                                    <button ng-repeat="(key, item) in setsCtr.ballStyleList" ng-if="item.type=='bitmap'" type=button class="btn btn-default" ng-class="{active:setsCtr.getBallStyle()==key}" ng-click=setsCtr.setBallStyle(key)>{{item.name}}</button>
                                </div>
                            </div>
                            <div class=content-block><b>背景风格</b>:&nbsp;
                                <div class="btn-group btn-group-xs" role=group>
                                    <button ng-repeat="item in setsCtr.bgStyles" type=button class="btn btn-default" ng-class="{active:setsCtr.getBgStyle()==item}" ng-click=setsCtr.setBgStyle(item) ng-bind=item></button>
                                </div>
                            </div>
                            <div class=content-block>
                                <table class="table table-condensed table-no-lines table-td-valign table-no-bottom-margin">
                                    <tr>
                                        <td width=1%>
                                            <label for=theme>主题:</label>
                                        </td>
                                        <td>
                                            <select class=form-control id=theme ng-model=setsCtr.selectedTheme ng-change=setsCtr.onThemeChanged()>
                                                <option ng-repeat="(key, item) in setsCtr.themeList" ng-value=key>{{item.name}}</option>
                                            </select>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class=content-block><b>购买数量和次数的位置</b>:&nbsp;
                                <div class="btn-group btn-group-xs" role=group>
                                    <button type=button class="btn btn-default" ng-class={active:!setsCtr.isBuyAmountStepPosRight()} ng-click=setsCtr.setBuyAmountStepPosRight(false)>左</button>
                                    <button type=button class="btn btn-default" ng-class={active:setsCtr.isBuyAmountStepPosRight()} ng-click=setsCtr.setBuyAmountStepPosRight(true)>右</button>
                                </div>
                            </div>
                            <hr class=settings-div>
                            <div class=content-block>
                                <div class=pull-left>
                                    <button type=button class="btn btn-default btn-xs" ng-disabled=setsCtr.showHardResetDlg ng-click=setsCtr.hardResetDlg()>硬复位游戏</button> &nbsp; <span class=animate-fade ng-show=setsCtr.showHardResetDlg><b>你确定吗?</b> <button type=button class="btn btn-danger btn-xs" ng-click=setsCtr.hardResetConfirm(true)>确定</button> <button type=button class="btn btn-default btn-xs" ng-click=setsCtr.hardResetConfirm(false)>取消</button></span></div>
                                <div class=text-right>
                                    <button type=button class="btn btn-xs btn-default" ng-if=isKongregateVersion ng-click=reloadGame()>重新加载游戏</button>
                                    <button type=button class="btn btn-xs" ng-if=!isKongregateVersion ng-class=setsCtr.getSaveButtonStyle() ng-disabled=setsCtr.isSaveResultVisible() ng-click=setsCtr.saveGame() ng-bind=setsCtr.getSaveButtonText()></button>
                                </div>
                                <div class=clear-float></div>
                            </div>
                            <hr class=settings-div ng-if=isKongregateVersion>
                            <div class=content-block ng-if=isKongregateVersion>
                                <div class=pull-left>
                                    <button type=button class="btn btn-default btn-xs" ng-click=setsCtr.showCloudDialog()>云存档/加载</button>
                                    <div class=checkbox>
                                        <label>
                                            <input type=checkbox ng-model=setsCtr.cloudAutoSaveEnabled ng-init=setsCtr.getCloudAutoSaveEnabled() ng-change=setsCtr.setCloudAutoSaveEnabled()> 自动保存到云存储<span ng-show=setsCtr.cloudAutoSaveEnabled class="animate-fade small"><br>(状态: <span ng-bind-html=setsCtr.getCloudAutoSaveStatus()></span>)</span>
                                        </label>
                                    </div>
                                </div>
                                <div class=text-right>
                                    <button type=button class="btn btn-xs" ng-class=setsCtr.getSaveButtonStyle() ng-disabled=setsCtr.isSaveResultVisible() ng-click=setsCtr.saveGame() ng-bind=setsCtr.getSaveButtonText()></button>
                                </div>
                                <div class=clear-float></div><small class=text-danger ng-if=isKongregateVersion><i>云加载是手动的，还没有自动加载!</i></small></div>
                            <hr class=settings-div>
                            <div class=content-block>
                                <div class=form-group ng-class="{'has-error':!setsCtr.saveStrOk}">
                                    <label>导出/导入存档</label>
                                    <p>
                                        <input class=form-control type=text ng-model=setsCtr.serializedSaveStr ng-init=setsCtr.updateSaveStr() ng-change=setsCtr.buttonLoadFromStr() ng-click=setsCtr.selectOnClick($event) placeholder="Export/import save data">
                                    </p>
                                    <p ng-if=setsCtr.isShowImportWarning() class=alert-danger><b>警告</b>: 你必须先登录 {{isSteamVersion ? 'Steam' : 'kongregate'}} 使用相同的账号来导入你之前保存的数据!</p>
                                    <p>要导出存档，请单击上面的文字并复制（ctrl-c）。要导入，请单击文本并粘贴（ctrl-v）你之前导出的存档数据。</p>
                                    <p>对于导入的存档来说，比导出存档时多了一些能量和其他统计数据是正常的。因为即使在数据导出后/在导入数据之前，您的管道仍在继续工作。</p>
                                </div>
                            </div>
                            <hr class=settings-div>
                            <div class=content-block>
                                <p><b>Idle Bouncer</b> <small>v. {{gameVer}}</small></p>
                                <p>一些图标来源于 http://game-icons.net</p>
                            </div>
                            <hr class=settings-div>
                        </div>
                        <div class=tab-content ng-if="tab.isSelected('Premium')" ng-controller="PremiumController as premCtr">
                            <div class="panel panel-warning">
                                <div class="panel-heading premium-info-panel">
                                    <div class=row>
                                        <div class="col-xs-5 small">
                                            <table class="table premium-info-table table-no-lines table-no-bottom-margin">
                                                <tr>
                                                    <td width=1%>重力:</td>
                                                    <td>+{{premCtr.premiumGravityPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td>弹力:</td>
                                                    <td>+{{premCtr.premiumBouncePerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td>能源:</td>
                                                    <td>+{{premCtr.premiumEnergyPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>放置奖励:</td>
                                                    <td>+{{premCtr.premiumIdleMultPerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>放置时间:</td>
                                                    <td>+{{premCtr.premiumIdleMultTimePerc()}}%</td>
                                                </tr>
                                                <tr>
                                                    <td style=white-space:nowrap>能量发生器:</td>
                                                    <td>{{premCtr.premiumEnergyGeneratorStr()}}</td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class=col-xs-7>
                                            <h4><b>你拥有 <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal>{{premCtr.premiumMoney()}}</b> &nbsp;<button class="btn btn-warning btn-sm" ng-click=premCtr.showPremiumDialog()>&nbsp;<span class="glyphicon glyphicon-plus"></span>&nbsp;</button></h4></div>
                                    </div><small><i>商店奖励是在元能量的基础上加成</i></small></div>
                                <div class="panel-body text-center scroll-premium-list">
                                    <table class="table table-hover table-td-valign table-no-bottom-margin">
                                        <tr class=success ng-if="premCtr.isPremiumPackAvailable('packstv2')">
                                            <td style=white-space:nowrap class=text-left><b>Special Saint Valentine<br>Event Pack</b></td>
                                            <td class="small text-left">We've got special time limited deal for you!<span ng-if="premCtr.isPremiumPackTimeLimited('packstv2')"><br>Available for {{premCtr.getPremiumPackTimeRemain('packstv2')}}.</span></td>
                                            <td>
                                                <button type=button class="btn btn-default btn-block" ng-click=showEventWelcomeMsg()>达成交易</button>
                                            </td>
                                        </tr>
                                        <tr class=success ng-if="premCtr.isPremiumPackAvailable('packspec')">
                                            <td style=white-space:nowrap class=text-left><b>首次购买的玩家?</b></td>
                                            <td class="small text-left">我们为你准备了特价优惠!</td>
                                            <td>
                                                <button type=button class="btn btn-default btn-block" ng-click=premCtr.showPremiumDialog()>达成交易</button>
                                            </td>
                                        </tr>
                                        <tr class=success ng-if="premCtr.isPremiumPackAvailable('packidlen')">
                                            <td style=white-space:nowrap class=text-left><b>喜欢放置游戏?</b></td>
                                            <td class="small text-left">我们为你准备了特价优惠!</td>
                                            <td>
                                                <button type=button class="btn btn-default btn-block" ng-click=premCtr.showPremiumDialog()>达成交易</button>
                                            </td>
                                        </tr>
                                        <tr ng-repeat="item in premCtr.premiumItemList" ng-if="item.active() || !item.hideInactive">
                                            <td class=text-left><b>{{item.name}}</b><span ng-if=item.availCntFnc> ({{item.availCntFnc()}}&nbsp;left)</span><a href="index.html#" ng-if=item.onHelpFnc ng-click=item.onHelpFnc() m-prevent-default><span class="glyphicon glyphicon-question-sign"></span></a></td>
                                            <td class="small text-left" ng-bind-html="item.active() ? item.desc : item.descInactive"></td>
                                            <td>
                                                <button type=button class="btn btn-default btn-block" ng-disabled=!item.active() ng-click=premCtr.showPremiumConfirmDialog($index)><img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>{{item.price}}</button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div ng-if=isDebugEnabled ng-controller="DebugController as dbgCtr">
                <div class="panel panel-default tutorial-highlight" style=z-index:99999>
                    <div class=panel-body>
                        <div class=row>
                            <div class=col-sm-5><b>跳过时间</b>:
                                <div class="btn-group btn-group-xs" role=group>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.skipTime(60)>1 分钟</button>
                                    <button type=button ng-if=0 class="btn btn-default" ng-click=dbgCtr.skipTime(300)>5 分钟</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.skipTime(600)>10 分钟</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.skipTime(3600)>1 小时</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.skipTime(86400)>1 天</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.skipTime(2592000)>1 月</button>
                                    <button type=button ng-if=0 class="btn btn-default" ng-click=dbgCtr.skipTime(31536000)>1 年</button>
                                </div>
                            </div>
                            <div class=col-sm-7>
                                <div class="btn-group btn-group-xs" role=group>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.addEnergyMax(1e120)>最大<span class="glyphicon glyphicon-flash"></span> &times;{{1e120 | bignum}}</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.addMoney(energyMaxDC())>+<span class="glyphicon glyphicon-flash"></span>{{energyMaxDC() | bignum}}</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.dbgFakeKongregateLogin()>Fake Kong 登录</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.dbgFakeKongregateAPIConnectionSuccess()>Fake Kong接口成功</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.addPremium(100)>+<img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>100</button>
                                </div>
                            </div>
                            <div class=col-sm-12>
                                <div class=content-block><b>游戏速度 (相对)</b>:
                                    <div class="btn-group btn-group-xs" role=group>
                                        <button type=button class="btn btn-default" ng-repeat="item in dbgCtr.accelerationTimeList" ng-class="{active:dbgCtr.getAccelerationTime()==item}" ng-click=dbgCtr.setAccelerationTime(item)>&times;{{item}}</button>
                                    </div>
                                    <br><b>游戏速度 (固定)</b>:
                                    <div class="btn-group btn-group-xs" role=group>
                                        <button type=button class="btn btn-default" ng-repeat="item in dbgCtr.dbgFixAccelerationList" ng-class="{active:dbgCtr.getFixAcceleration()==item}" ng-click=dbgCtr.setFixAcceleration(item)>{{item}} sec</button>
                                    </div>
                                </div>
                            </div>
                            <div class=col-sm-4><b>执行时间</b>: {{dbgCtr.idleExecTimeLast() | number:3}} + {{dbgCtr.outsideIdleLoopExecTimeLast() | number:3}} = {{dbgCtr.execTimeLast() | number:3}}</div>
                            <div class=col-sm-4><b>最大执行时间</b>: {{dbgCtr.idleExecTimeMax() | number:3}} + {{dbgCtr.outsideIdleLoopExecTimeMax() | number:3}} = {{dbgCtr.execTimeMax() | number:3}}</div>
                            <div class=col-sm-4><b>最大限度地保存</b>: {{dbgCtr.saveSizeMax() | bignum:0}}</div>
                            <div class=col-sm-12><b>日常奖励</b>:
                                <div class="btn-group btn-group-xs" role=group>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.addDayToDailyReward(1)>+1 天</button>
                                    <button type=button class="btn btn-default" ng-click=dbgCtr.addDayToDailyReward(2)>+2 天</button>
                                </div>
                            </div>
                            <div class=col-sm-6>
                                <button type=button class="btn btn-default btn-xs" ng-class={active:dbgCtr.isAutoPlay()} ng-click="dbgCtr.toggleAutoPlay('')">自动游戏</button>
                                <button type=button class="btn btn-default btn-xs" ng-class={active:dbgCtr.isAutoPlaySimUser()} ng-click="dbgCtr.toggleAutoPlay('simUser')">模拟用户</button> 自动游戏时间: {{dbgCtr.getAutoPlayTime() | number:1}} 秒</div>
                            <div class=col-sm-6><a ng-if=dbgCtr.isCsvReady() href="index.html#" ng-click=dbgCtr.onCsvClick() type=button class="btn btn-default btn-xs" m-prevent-default>下载 CSV</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="AbilitiesController as abilCtr" ng-show=abilCtr.isTubeAbilityDlgVisible()>
                <div class="modal-backdrop in" ng-click=abilCtr.hideTubeAbilityDlg()></div>
                <div class="modal-dialog full-width-dialog" ng-if=abilCtr.isTubeAbilityDlgVisible()>
                    <div class=modal-content>
                        <div class="modal-header modal-condensed">
                            <h4 class="modal-title text-center"><button type=button class="btn btn-default btn-xs" ng-disabled=abilCtr.isSelectedTubeFirst() ng-click="abilCtr.showTubeAbilityDlg(abilCtr.getSelectedTubeId() - 1)"><span class="glyphicon glyphicon-triangle-left"></span></button> 管道 {{abilCtr.getSelectedTubeId() + 1}}<sup ng-if=tubes()[abilCtr.getSelectedTubeId()].improvementLevel>{{tubes()[abilCtr.getSelectedTubeId()].improvementLevel + 1}}</sup> 能力 <button type=button class="btn btn-default btn-xs" ng-disabled=abilCtr.isSelectedTubeLast() ng-click="abilCtr.showTubeAbilityDlg(abilCtr.getSelectedTubeId() + 1)"><span class="glyphicon glyphicon-triangle-right"></span></button></h4></div>
                        <div class="modal-body modal-condensed">
                            <div class=text-center>向队列添加使用它的能力。每一种能力都需要一定的高度来激活(球落下来的时候)。
                                <br>你将会收到 <span class=num>1</span> 天赋点，每个 比元能量激活更持久的管道<i>新</i>改进。 <a href="index.html#" ng-mouseenter=abilCtr.setAbilityExampleVisible(true) ng-mouseleave=abilCtr.setAbilityExampleVisible(false) m-prevent-default>(示例)</a>
                                <div class="popover bottom animate-fade" role=tooltip style=top:40px;left:650px;display:block ng-show=abilCtr.isAbilityExampleVisible()>
                                    <div class=arrow style=bottom:50%;left:62%></div>
                                    <h3 class=popover-title>例如</h3>
                                    <div class=popover-content>改良管道3次，这将为您提供3个天赋点。然后激活元能量，它可以重置管道改良等级，但是你可以保持你的3点天赋点。然而，在元能量激活后的前3次改良中，你将得不到任何新的天赋点，当你在元能量激活后第4次改良管道时，你就得到了第4个天赋点。</div>
                                </div>
                            </div>
                            <div class=text-center ng-if=abilCtr.getCurrentAbilityPoints()>你拥有 <span class=num>{{abilCtr.getCurrentAbilityPoints()}}</span> 天赋点数。</div>
                            <div class=text-center ng-if=!abilCtr.getCurrentAbilityPoints()>你还没有天赋点。</div>
                            <div class=text-center><small><i class=animate-fade ng-show=abilCtr.isAnyAbilityBought()>你可以通过商店的 <b>天赋退还</b>来退还在商店使用的所有天赋点.</i>&nbsp;</small></div>
                            <div class=content-block ng-controller="BuyAmountController as buyAmount"><small><span ng-if=!buyAmount.isBuyAmountStepPosRight()><b>Step</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div>&nbsp; </span><b>购买数量</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountRelList" ng-class="{active:buyAmount.getBuyAmountObject().rel==item.value}" ng-click=buyAmount.setBuyAmountValueRel(item.value) title={{buyAmount.getBuyAmountRelHotKey(itemId)}}>{{item.text}}</button></div><span ng-if=buyAmount.isBuyAmountStepPosRight()>&nbsp;<b>次数</b>:<div class="btn-group btn-group-xs" role=group><button type=button class="btn btn-default" ng-repeat="(itemId, item) in buyAmount.buyAmountStepList" ng-class="{active:buyAmount.getBuyAmountObject().step==item}" ng-click=buyAmount.setBuyAmountValueStep(item) title={{buyAmount.getBuyAmountStepHotKey(itemId)}}>{{item}}</button></div></span></small></div>
                            <div class=row>
                                <div class="col-xs-8 scroll-section-abilities">
                                    <table class="table table-condensed table-hover table-td-valign">
                                        <tr>
                                            <th width=30%>天赋</th>
                                            <th class=text-center width=20%>等级</th>
                                            <th class=text-center width=15%>激活掉落高度</th>
                                            <th class=text-center width=15%>效果</th>
                                            <th class=text-center width=10%>购买</th>
                                            <th class=text-center width=10%>添加到队列</th>
                                        </tr>
                                        <tr ng-repeat-start="(key, item) in abilCtr.abilityList" ng-if=abilCtr.isCurrentAbilityCanBeBought(key)>
                                            <td><b ng-bind=item.name></b> <a href="index.html#" ng-click=abilCtr.toggleAbilityDescrVisible(key) m-prevent-default><span class="glyphicon glyphicon-question-sign"></span></a>
                                                <div class=animate-slide ng-show=abilCtr.isAbilityDescrVisible(key)><small ng-bind-html=abilCtr.getCurrentAbilityDescr(key)></small></div>
                                            </td>
                                            <td class=text-center>{{abilCtr.getCurrentAbilityLevel(key)}}<span ng-if=!abilCtr.isCurrentAbilityLevelMax(key)> / {{abilCtr.getCurrentAbilityLevelMax(key)}}</span><small ng-if=!abilCtr.isCurrentAbilityLevelCap(key)> +{{abilCtr.getCurrentAbilityLevelUpgradeInc(key)}}</small><span ng-bind=abilCtr.getAbilityLevelMax(key)></span></td>
                                            <td class=text-center><span ng-if=item.passiveAbility>passive</span><span ng-if=!item.passiveAbility><span ng-if=abilCtr.isCurrentAbilityAvailable(key)>{{abilCtr.getCurrentAbilityHeightDC(key) | bignum:0:1}}</span><small ng-if="!abilCtr.isCurrentAbilityLevelCap(key) && !abilCtr.getCurrentAbilityHeightUpgradeIncDC(key).eq(0)"><br>+{{abilCtr.getCurrentAbilityHeightUpgradeIncDC(key) | bignum:0:1}}</small></span>
                                            </td>
                                            <td class=text-center><span ng-if=abilCtr.isCurrentAbilityAvailable(key) ng-bind-html=abilCtr.getCurrentVisualAbilityEffectMultDC(key)></span><small ng-if=!abilCtr.isCurrentAbilityLevelCap(key)><br><span ng-bind-html=abilCtr.getCurrentVisualAbilityEffectMultUpgradeIncDC(key)></span></small></td>
                                            <td>
                                                <button type=button class="btn btn-primary btn-block animate-fade" ng-show=!abilCtr.isCurrentAbilityLevelCap(key) ng-click=abilCtr.upgradeCurrentAbility(key) ng-disabled=!abilCtr.isCurrentAbilityUpgradeable(key)>天赋点 {{abilCtr.getCurrentAbilityUpgradePrice(key)}}</button>
                                            </td>
                                            <td>
                                                <button type=button class="btn btn-default btn-block" ng-if=!item.passiveAbility ng-click=abilCtr.addCurrentAbilityToQueue(key) ng-disabled="!abilCtr.isCurrentAbilityAvailable(key) || abilCtr.isCurrentAbilityActive(key)"><span class="glyphicon glyphicon-chevron-right"></span></button>
                                            </td>
                                        </tr>
                                        <tr ng-if="!abilCtr.isCurrentAbilityCanBeBought(key) && !abilCtr.isCurrentAbilityHidden(key)">
                                            <td><b ng-bind=item.name></b> <a href="index.html#" ng-click=abilCtr.toggleAbilityDescrVisible(key) m-prevent-default><span class="glyphicon glyphicon-question-sign"></span></a>
                                                <div class=animate-slide ng-show=abilCtr.isAbilityDescrVisible(key)><small ng-bind-html=abilCtr.getCurrentAbilityDescr(key)></small></div>
                                            </td>
                                            <td colspan=6 class=text-center>管道 {{abilCtr.getSelectedTubeId() + 1}}<sup>{{item.imprLvlMin + 1}}</sup> 需要</td>
                                        </tr>
                                        <tr ng-repeat-end ng-if=abilCtr.isCurrentAbilityHidden(key)>
                                            <td>???????</td>
                                            <td colspan=6 class=text-center>管道 {{abilCtr.getSelectedTubeId() + 1}}<sup>{{item.imprLvlMin + 1}}</sup> 需要</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class=col-xs-4>
                                    <div class="panel panel-default">
                                        <div class="panel-heading text-center">天赋队列 {{abilCtr.getCurrentQueueSize()}} / {{abilCtr.getCurrentQueueSizeMax()}}</div>
                                        <div class="panel-body scroll-section-ability-queue">
                                            <div ng-repeat="queueAbilityId in abilCtr.getQueue() track by $index" class="list-group list-group-small-gap">
                                                <div class=list-group-item ng-class="{'list-group-item-info':abilCtr.isCurrentAbilityActiveByQueueIdx($index)}">
                                                    <button type=button class="btn btn-default btn-xs" ng-click=abilCtr.removeCurrentAbilityFromQueue($index)><span class="glyphicon glyphicon-chevron-left"></span></button> <b ng-bind=abilCtr.getAbilityName(queueAbilityId)></b>
                                                    <div class=pull-right ng-if="abilCtr.getCurrentQueueSize() > 1">
                                                        <div class="btn-group btn-group-xs" role=group>
                                                            <button type=button class="btn btn-default" ng-click="abilCtr.changeCurrentAbilityPosInQueue($index, -1)" ng-disabled="$first || abilCtr.isCurrentAbilityActive(key)"><span class="glyphicon glyphicon-chevron-up"></span></button>
                                                            <button type=button class="btn btn-default" ng-click="abilCtr.changeCurrentAbilityPosInQueue($index, 1)" ng-disabled="$last || abilCtr.isCurrentAbilityActive(key)"><span class="glyphicon glyphicon-chevron-down"></span></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer modal-condensed">
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=abilCtr.hideTubeAbilityDlg()>&nbsp;关闭&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isResetSystemDialogVisible()>
                <div class="modal-backdrop in" ng-click=hideResetSystemDialog()></div>
                <div class=modal-dialog ng-if=isResetSystemDialogVisible()>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>元能量激活器</h4></div>
                        <div class=modal-body>
                            <p>你确定要 <u>卖掉你所有的管道、小球, 重置所有能量升级</u> 然后激活 <span class=num>{{getInactiveMetaEnergy() | bignum:2}}</span> 非活性元能量?</p>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-danger" ng-click=processReset()>&nbsp;确定&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=hideResetSystemDialog()>&nbsp;取消&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isShowFirstImproveDlg()>
                <div class="modal-backdrop in" ng-click=hideFirstImproveDlg()></div>
                <div class=modal-dialog>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>祝贺你!</h4></div>
                        <div class=modal-body>
                            <p>现在你可以买到管道/小球的天赋了，请访问<b>升级</b> 页面，查看<b>天赋</b> 子菜单。</p>
                            <p>你也可以改变球的风格 <b>设置</b> 标签页面。</p>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-primary" ng-click=hideFirstImproveDlg()>&nbsp;好的&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isShowOfflineStats()>
                <div class="modal-backdrop in" ng-click=hideOfflineStats()></div>
                <div class=modal-dialog>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>欢迎回来<span ng-if=!kongregateInfo().isGuest>, {{kongregateInfo().userName}}</span><span ng-if="isSteamInit() && steamName()">, {{steamName()}}</span>!</h4></div>
                        <div class=modal-body>
                            <p>你离线了 {{offlineTime()}}.</p>
                            <p>你赚取了 <span class="glyphicon glyphicon-flash"></span><span class=num>{{offlineMoneyEarnedDC() | bignum:2:3}}</span></p>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-primary" ng-click=hideOfflineStats()>&nbsp;好的&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isShowNewBalanceAbilityDlg()>
                <div class="modal-backdrop in" ng-click=hideNewBalanceAbilityDlg()></div>
                <div class=modal-dialog>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>Changes</h4></div>
                        <div class=modal-body>
                            <p>我们在每根管子上都增加了特殊的能力，在你至少改进一次管子之后就可以使用了。由于能力的原因，我们不得不修改后期游戏平衡(升级成本)，但是你只有在改进后才能在每根管道上看到新的平衡，或者在激活元能量(软重置)后才能在所有管道上看到新的平衡。</p>
                            <p>我们给你1个免费的不活跃的元能量，让你能够软重置以体验新的平衡和能力(在恢复获得能力点之前，一定要将所有管道提升到最高水平!)但这不是必需的。你也可以继续正常地玩，在改进了管子之后，你也会看到新的平衡和能力。</p>
                            <p>欢迎在评论中发表你对能力和新平衡的看法!我们很想听听所有玩家对这个话题的看法。玩得开心!</p>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=hideNewBalanceAbilityDlg()>&nbsp;关闭&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="BoostDailyController as bstDailyCtr" ng-show=bstDailyCtr.isDlgVisible()>
                <div class="modal-backdrop in" ng-click=bstDailyCtr.hideDlg()></div>
                <div class=modal-dialog ng-if=bstDailyCtr.isDlgVisible()>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>你有新的日常奖励!</h4></div>
                        <div class=modal-body>
                            <p ng-if="bstDailyCtr.getDaysPlayedInRow() > 1">你已经连续玩了 {{bstDailyCtr.getDaysPlayedInRow()}} 天。</p>
                            <p ng-if=bstDailyCtr.isGemsReward()>你的奖励: <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>{{bstDailyCtr.getGemsValue()}}</p>
                            <table class="table table-bordered" ng-if=!bstDailyCtr.isGemsReward()>
                                <tr>
                                    <th>奖励类型</th>
                                    <th class=text-center>奖励数值</th>
                                    <th class=text-center>连续天数倍率</th>
                                    <th class=text-center>总奖励数值</th>
                                    <th class=text-center>奖励持续时间</th>
                                </tr>
                                <tr class=alert-warning>
                                    <td ng-bind-html=bstDailyCtr.getBoostType()></td>
                                    <td class=text-center>+{{bstDailyCtr.getBoostValue() | number:1}}%</td>
                                    <td class=text-center>x{{bstDailyCtr.getBoostDayMult() | number:1}}</td>
                                    <td class=text-center>+{{bstDailyCtr.getBoostTotalValue() | number:1}}%</td>
                                    <td class=text-center>{{bstDailyCtr.getBoostDuration()}}</td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <button type=button class="btn btn-default btn-block" ng-click=bstDailyCtr.showPremiumConfirmDialog(0)>重新随机并花费<img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>1</button>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td>
                                        <button type=button class="btn btn-default btn-block" ng-click=bstDailyCtr.showPremiumConfirmDialog(1)>重新随机并花费<img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>1</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan=2>
                                        <button type=button class="btn btn-default btn-block" ng-click=bstDailyCtr.showPremiumConfirmDialog(2)>重新随机并花费<img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>2</button>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan=5>
                                        <button type=button class="btn btn-default btn-block" ng-click=bstDailyCtr.showPremiumConfirmDialog(3)>重新随机并花费<img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>3</button>
                                    </td>
                                </tr>
                            </table>
                            <div ng-controller="StatisticsController as statsCtr">
                                <p ng-if="statsCtr.isBoostDailyActive() && !bstDailyCtr.isGemsReward()"><b>当前日常奖励</b>: {{statsCtr.getBoostDailyType()}} +{{statsCtr.getBoostDailyTotalValue() | number:1}}% duration {{statsCtr.getBoostDailyDuration()}}</p>
                            </div>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-primary" ng-click=bstDailyCtr.applyAndHideDlg()>&nbsp;{{bstDailyCtr.getRewardButtonText()}}&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=bstDailyCtr.hideDlg()>&nbsp;关闭&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="PremiumController as premCtr" ng-show="isShowEventWelcomeMsg() && premCtr.isPremiumPackAvailable('packstv2')">
                <div class="modal-backdrop in" ng-click=hideEventWelcomeMsg()></div>
                <div class=modal-dialog>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>Special Valentine's Event Pack</h4></div>
                        <div class=modal-body>
                            <p>In order to celebrate the end of our Valentine's Event we've decided to let you buy a special pack with <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>100 and all Valentine's Event Special Items for just <span ng-bind-html=moneySignHTML></span> {{convertMoney(59)}}!</p>
                            <div ng-controller="EventsController as evCtr">
                                <p>This special pack contains: <span ng-repeat="(key, item) in evCtr.eventItemList" ng-if="item.eventCode=='stval2'"><b>{{item.title}}</b> (<i ng-bind-html=item.desc></i>)<span ng-if=!$last>, </span></span>.</p>
                                <p ng-if="evCtr.isAnyEventItem('stval2')">Moreover, you'll get <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>25 more for each Valentine's Special Item you already own. Since you own {{evCtr.getEventItemsCollectedCnt('stval2')}} Valentine's Special Items, you will get <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>{{100 + 25 * evCtr.getEventItemsCollectedCnt('stval2')}} total.</p>
                            </div>
                            <p>This special pack will only be available for {{premCtr.getPremiumPackTimeRemain('packstv2')}}, so hurry up and visit our shop to buy it!</p>
                        </div>
                        <div class=modal-footer>
                            <div ng-if="isKongregateAPI() && !isKongregateUserLoggedIn()">
                                <div class=text-center>
                                    <p>Only Registered Kongregate users can buy from the shop.</p>
                                    <p>Please register below or log into your account.</p>
                                    <p>
                                        <a href="index.html#" ng-click=kongregateShowRegistrationBox() m-prevent-default><img src="imgs/register_kongregate.png"></a>
                                    </p>
                                </div>
                            </div>
                            <div ng-if="isKongregateVersion && !isKongregateAPI()">
                                <div class=text-center>
                                    <p>Premium Shop is available at Kongregate.com website only.</p>
                                    <p>If you already play this game at Kongregate.com website, then it's likely your ad blocker or security preferences prevent the game from connecting to Kongregate servers.</p>
                                    <p>Try disabling your ad blocker or adding exceptions for kongregate.com and then refresh game page.</p>
                                    <p>
                                        <a ng-href={{kongGameURL}} target=_top><img src="imgs/register_kongregate.png"></a>
                                    </p>
                                </div>
                            </div>
                            <div ng-if="isSteamVersion && !isSteamInit()">
                                <div class=text-center>
                                    <p>Please start Steam client to buy from the shop.</p>
                                </div>
                            </div>
                            <div class=text-center ng-if="isKongregateUserLoggedIn() || isSteamInit()">
                                <button type=button class="btn btn-primary" ng-click="premCtr.buyPremiumPackFromEventMsg('packstv2')">&nbsp;Buy Special Valentine's Event Pack for <span ng-bind-html=moneySignHTML></span> {{convertMoney(59)}}&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=hideEventWelcomeMsg()>&nbsp;Close&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isBoostDialogVisible()>
                <div class="modal-backdrop in" ng-click=closeBoostDialog(false)></div>
                <div class=modal-dialog ng-if=isBoostDialogVisible()>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title ng-bind=getBoostDialogHeader()></h4></div>
                        <div class=modal-body>
                            <p ng-bind-html=getBoostDialogText()></p>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-primary" ng-click=closeBoostDialog(true)>&nbsp;{{getBoostDialogButtonText()}}&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=closeBoostDialog(false)>&nbsp;Cancel&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="PremiumController as premCtr" ng-show=premCtr.isPremiumConfirmDialogVisible()>
                <div class="modal-backdrop in" ng-click=premCtr.hidePremiumConfirmDialog()></div>
                <div class=modal-dialog ng-if=premCtr.isPremiumConfirmDialogVisible()>
                    <div class=modal-content>
                        <div class="modal-body text-center"><span ng-if=premCtr.canBuyPremiumSelectedItem()>Are you sure you want to spent <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>{{premCtr.getPremiumSelectedItem().price}} and buy <b>{{premCtr.getPremiumSelectedItem().name}}</b>?</span> <span ng-if=!premCtr.canBuyPremiumSelectedItem()>You need additional <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item>{{premCtr.premiumMoneyToBuySelectedItem()}} to buy <b>{{premCtr.getPremiumSelectedItem().name}}</b>.<br>Would you like to go to the store?</span></div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-primary" ng-click=premCtr.clickYesPremiumConfirmDialog()>&nbsp;Yes&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=premCtr.hidePremiumConfirmDialog()>&nbsp;No&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="PremiumController as premCtr" ng-show=premCtr.isPremiumDialogVisible()>
                <div class="modal-backdrop in" ng-click=premCtr.hidePremiumDialog()></div>
                <div class="modal-dialog wide-dialog" ng-if=premCtr.isPremiumDialogVisible()>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class="modal-title text-center">你拥有 <img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal>{{premCtr.premiumMoney()}}</h4></div>
                        <div class=modal-body>
                            <div ng-if="isKongregateAPI() && !isKongregateUserLoggedIn()">
                                <div class=text-center>
                                    <p>Only Registered Kongregate users can buy from the shop.</p>
                                    <p>Please register below or log into your account.</p>
                                    <p>
                                        <a href="index.html#" ng-click=kongregateShowRegistrationBox() m-prevent-default><img src="imgs/register_kongregate.png"></a>
                                    </p>
                                </div>
                            </div>
                            <div ng-if="isKongregateVersion && !isKongregateAPI()">
                                <div class=text-center>
                                    <p>Premium Shop is available at Kongregate.com website only.</p>
                                    <p>If you already play this game at Kongregate.com website, then it's likely your ad blocker or security preferences prevent the game from connecting to Kongregate servers.</p>
                                    <p>Try disabling your ad blocker or adding exceptions for kongregate.com and then refresh game page.</p>
                                    <p>
                                        <a ng-href={{kongGameURL}} target=_top><img src="imgs/register_kongregate.png"></a>
                                    </p>
                                </div>
                            </div>
                            <div ng-if="isSteamVersion && !isSteamInit()">
                                <div class=text-center>
                                    <p>Please start Steam client to buy from the shop.</p>
                                </div>
                            </div>
                            <table class="table table-hover table-td-valign" ng-if="isKongregateUserLoggedIn() || isSteamInit()">
                                <tr ng-repeat="(key, item) in premCtr.premiumPackList" ng-if=premCtr.isPremiumPackAvailable(key) ng-class={success:item.title}>
                                    <td style=white-space:nowrap><img ng-src=imgs/{{getThemeImgDir()}}/premium.svg class=premium-crystal-list-item><span ng-if="item.premiumBonusPercent!=0"><del>{{item.premiumMoneyBase}}</del> </span>{{item.premiumMoney}}</td>
                                    <td class=text-center><span ng-bind-html=item.title></span><span ng-if="item.premiumBonusPercent!=0">+{{item.premiumBonusPercent}}% bonus</span></td>
                                    <td style=white-space:nowrap><span ng-if=item.oldPrice><span ng-bind-html=moneySignHTML></span> <del>{{convertMoney(item.oldPrice)}}</del>
                                        <br>
                                        </span><span ng-bind-html=moneySignHTML></span> {{convertMoney(item.price)}}</td>
                                    <td>
                                        <button type=button class="btn btn-primary btn-sm btn-block" ng-click=premCtr.buyPremiumPack(key)>BUY</button>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=premCtr.hidePremiumDialog()>&nbsp;Close&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isShowIdleModeHelp()>
                <div class="modal-backdrop in" ng-click=hideIdleModeHelp()></div>
                <div class="modal-dialog wide-dialog">
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>Idle mode</h4></div>
                        <div class=modal-body><i>Idle mode</i> will be available when you buy <i>Idle bonus multiplier</i> meta-energy upgrade or the same name item in the Shop.
                            <br>To activate <i>Idle mode</i> you must not do the following actions during 2 minutes:
                            <br>
                            <ul>
                                <li>click in the tubes, balls or bubbles</li>
                                <li>upgrade anything</li>
                                <li>activate meta-energy</li>
                            </ul>1 minute before <i>Idle mode</i> activation you'll see <span class="glyphicon glyphicon-hourglass"></span> under the energy bar with time countdown.
                            <br>After <i>Idle mode</i> is activated you'll see <span class="glyphicon glyphicon-time"></span> with <i>Idle mode</i> timer and information about your idle bonus:
                            <br>
                            <p class=text-center>Idle <span class="glyphicon glyphicon-flash"></span><b>10</b> (<span class="glyphicon glyphicon-flash"></span>100 &times; 0.10)</p>where <span class="glyphicon glyphicon-flash"></span><b>10</b> - you current idle bonus, <span class="glyphicon glyphicon-flash"></span>100 - idle energy gathered after <i>Idle mode</i> activation, x0.10 - you current idle energy multiplier.
                            <br>When you do any activity listed above except <i>Activate meta-energy</i> idle bonus will be transferred to the main energy storage in 5 seconds. If you use <i>Activate meta-energy</i> then idle bonus will be added to the main storage immediately before meta-energy activation.
                            <br>There are 2 idle mode parameters: <i>Idle bonus multiplier</i> and <i>Idle multiplier growth time</i>.
                            <br><i>Idle bonus multiplier</i> increases every hour until idle time reaches <i>Idle multiplier growth time</i> and then it stops growing.
                            <br>For example: you have <i>Idle bonus multiplier</i> 0.5 and <i>Idle multiplier growth time</i> 3 hours.
                            <br>After 1 hour your <i>Idle bonus multiplier</i> will be 0.5, i.e. +50% to idle energy, 2 hours - add another 50% to previous 50% => 1.5 * 1.5 - 1 = 1.25 (+125%), 3 hours - add 50% again => 1.5 * 1.5 * 1.5 - 1 = 2.375 (+237.5%). After 3 hours <i>Idle bonus multiplier</i> will remain constant at 2.375 (+237.5%).
                            <br>If you have gathered 100 idle energy and exit <i>Idle mode</i> (by doing any listed action), then you'll receive 100 * 2.375 = 237.5 bonus energy.</div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=hideIdleModeHelp()>&nbsp;Close&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-controller="CloudController as cloudCtr" ng-show=cloudCtr.isCloudDialogVisible()>
                <div class="modal-backdrop in" ng-click=cloudCtr.hideCloudDialog()></div>
                <div class=modal-dialog ng-if=cloudCtr.isCloudDialogVisible()>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>云存档 备份/恢复</h4></div>
                        <div class=modal-body>
                            <div ng-if=isKongregateAPI()>
                                <div ng-if=isKongregateUserLoggedIn()>
                                    <div class="progress animate-fade" ng-show=cloudCtr.isLoadFromCloudStarted()>
                                        <div class="progress-bar progress-bar-info progress-bar-striped active" style=width:100%></div>
                                        <div class=progress-text>连接至云端...</div>
                                    </div>
                                    <div class="progress animate-fade" ng-show=cloudCtr.isSaveToCloudStarted()>
                                        <div class="progress-bar progress-bar-danger progress-bar-striped active" style=width:100%></div>
                                        <div class=progress-text>保存至云端...</div>
                                    </div>
                                    <div ng-if=cloudCtr.isLoadFromCloudSuccess()>
                                        <table class="table table-bordered">
                                            <tr>
                                                <td></td>
                                                <th>本地</th>
                                                <th>云端</th>
                                            </tr>
                                            <tr>
                                                <th>保存时间</th>
                                                <td>现在</td>
                                                <td ng-bind=cloudCtr.getCloudDataTime()></td>
                                            </tr>
                                            <tr>
                                                <th>能量</th>
                                                <td><span class="glyphicon glyphicon-flash"></span>{{energyDC() | bignum:2}}</td>
                                                <td><span class="glyphicon glyphicon-flash"></span>{{cloudCtr.getCloudDataEnergyDC() | bignum:2}}</td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div ng-if=cloudCtr.isLoadFromCloudEmpty()>
                                        <p class="text-info text-center">没有找到云数据。</p>
                                    </div>
                                    <div ng-if=cloudCtr.isLoadFromCloudError()>
                                        <p class="text-danger text-center">错误:不能从云端加载存档数据。</p>
                                    </div>
                                    <div ng-if=cloudCtr.isSaveToCloudSuccess()>
                                        <p class="text-success text-center">成功地保存游戏存档到云端。</p>
                                    </div>
                                    <div ng-if=cloudCtr.isSaveToCloudError()>
                                        <p class="text-danger text-center">错误:无法将存档数据保存到云端。</p>
                                    </div>
                                </div>
                                <div class=text-center ng-if=!isKongregateUserLoggedIn()>
                                    <p>只有注册的Kongregate用户可以从云端保存或加载。</p>
                                    <p>请在下面注册或登录你的账户。</p>
                                    <p>
                                        <a href="index.html#" ng-click=cloudCtr.hideCloudDialog();kongregateShowRegistrationBox(); m-prevent-default><img src="imgs/register_kongregate.png"></a>
                                    </p>
                                </div>
                            </div>
                            <div class=text-center ng-if=!isKongregateAPI()>
                                <p>云存档/加载只能在Kongregate.com网站上使用。</p>
                                <p>如果你已经在Kongregate.com网站上玩了这个游戏，那么很可能你的广告拦截器或安全偏好会阻止游戏连接到Kongregate服务器。</p>
                                <p>尝试禁用您的广告拦截器，或添加kongregate.com的例外，然后刷新游戏页面。</p>
                                <p>
                                    <a ng-href={{kongGameURL}} target=_top><img src="imgs/register_kongregate.png"></a>
                                </p>
                            </div>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-default btn-danger" ng-if=cloudCtr.isCloudOperationsAllowed() ng-disabled=!cloudCtr.isCloudSaveAllowed() ng-click=cloudCtr.saveToCloud() ng-bind-html=cloudCtr.getSaveButtonText()></button>
                                <button type=button class="btn btn-default btn-info" ng-if=cloudCtr.isCloudOperationsAllowed() ng-disabled=!cloudCtr.isLoadFromCloudSuccess() ng-click=cloudCtr.loadGameFromCloudData()>&nbsp;Load&nbsp;</button>
                                <button type=button class="btn btn-default" ng-click=cloudCtr.hideCloudDialog()>&nbsp;Close&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal animate-fade" tabindex=-1 role=dialog style=display:block ng-show=isShowChangeLog()>
                <div class="modal-backdrop in" ng-click=hideChangeLog()></div>
                <div class=modal-dialog>
                    <div class=modal-content>
                        <div class=modal-header>
                            <h4 class=modal-title>Change Log</h4></div>
                        <div class=modal-body><b><u>Version 1.1.0</u></b>
                            <br>
                            <ul>
                                <li>added tube's energy proportion value</li>
                                <li>added option to enable/disable energy text on every bounce</li>
                                <li>added different figures for each tube improve</li>
                            </ul>
                        </div>
                        <div class=modal-footer>
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=hideChangeLog()>&nbsp;Close&nbsp;</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="waiting-shadow animate-fade" ng-show=isWaitingMsgVisible()>
                <div class=waiting-text>
                    <div class=progress>
                        <div class="progress-bar progress-bar-info progress-bar-striped active" style=width:100%></div>
                        <div class=progress-text ng-bind-html=getWaitingMsgText()></div>
                    </div>
                    <div class="panel panel-info animate-slide" ng-show=getWaitingMsgInfo()>
                        <div class=panel-body>
                            <div ng-bind-html=getWaitingMsgInfo()></div>
                            <br>
                            <div class=text-center>
                                <button type=button class="btn btn-default" ng-click=hideWaitingMsg()>Continue {{getWaitingMsgTimeRemain()}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--[if lt IE 9]><p class=ontop>You are using an <strong>outdated</strong> browser. Please <a href=http://browsehappy.com/ target=_blank>upgrade your browser</a> to improve your experience.</p><![endif]-->
    <noscript>
        <p class=ontop>JavaScript must be enabled to run this game.</p>
    </noscript>
<!--客服 开始-->
<script src="//g8hh.com/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="//g8hh.com/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//g8hh.com/static/js/kf.js"></script>
<!-- 客服 结束 -->
<!--站长统计-->
    <div style="display: none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?dbb7ff142f4d4b68546c93b9cd6e9328";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
</body>

</html>
